@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
/*单项优惠劵*/
.couponItem{
    width: $_344;
    margin: $_15 auto 0;
    background: #fff;
    border-radius:$_3;
    box-shadow: 0 $_2 $_6 0 rgba(0,0,0,0.20);
    .left{
        width: $_121;
        height: $_80;
        background: #F0C554;
        border-radius: $_3;
        padding: $_10 0;
    }
    .right{
        width: $_205;
        height: $_100;
        padding: 0 $_10;
        .check{
            width: $_17;
            height: $_17;
            border: 1px solid #979BA3;
            border-radius: 50%;
              }
        .name{
            font-size: $_22;
            color: #616060;
            letter-spacing: $_3;
            padding: $_10 0 ;
             }
        .time{
            font-size: $_12;
            color: #9D9D9D;
        }
    }
}


/*优惠劵列表*/
.m-coupon{
    .couponList2{
        .expire{
            display: none;
        }
    }
    .couponList3 .count{
        display: none;
    }
    .couponContent{
                height: calc(100% - #{$_85});
                width: 100%;
                position: absolute;
                overflow: auto;
                .couponLi.unuseful{
                    .left{
                        background: #D5D3CC;
                    }
                    .check{
                        display: none;
                    }
                }
      .couponLi.active .check{
            background: url('../img/common/checkedBlue.png') no-repeat center;
            background-size: $_18;
            border: $_1 solid #fff;
        }
    }
    .btnN{
        margin: $_20 $_32;
        position: absolute;
        bottom: 0;
    }
    .noCoupons{
        width: $_102;
        height: $_85;
        background: url('../img/user/bg_coupon.png') no-repeat;
        background-size: $_102 $_85;
        margin: $_100 auto $_60;

    }
    .got{
        .check{
            display: none;
        }
    }
    #couponSwiper{
        height: calc(100% - #{$_45});
        .swiper-slide{
            height: 100%;
            overflow: auto;
        }
    }
    }
    /**优惠券详情*/
    .m-couponDetail{
        overflow: auto;
        .couponItem{
            margin: $_10 auto;
            .check{
                visibility: hidden;
            }
        }
        .content{
            padding: $_10;
        }
    }